﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>动态加载的标签页</title>
    <link href="jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">说明</a></li>
            <li><a href="02datepicker.html">日期选择器</a></li>
            <li><a href="03autocomplete.html">自动填充</a></li>
        </ul>
        <div id="tabs-1">
            <p>本例其它标签页都是从网站动态下载的页面</p>
        </div>
    </div>

    <script src="scripts/jquery-1.11.0.min.js"></script>
    <script src="jquery-ui-1.10.4.custom/js/jquery-ui-1.10.4.custom.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#tabs").tabs({
                beforeLoad: function (event, ui) {
                    ui.jqXHR.error(function () {
                        ui.panel.html("下载错误");
                    });
                }
            });
        });
    </script>

</body>
</html>
